<%--
  Created by IntelliJ IDEA.
  User: cyliu
  Date: 2021-07-23
  Time: 13:33
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户登录</title>
    <style>
        .container{
            width: 1024px;
            height: 1000px;
            margin: 0 auto;
            /*border: 1px solid red;*/
        }
        .logo{
            width: 200px;
            height: 100px;
            float: left;
            /*border: 1px solid #ff0000;*/
        }
        .gg{
            font-size: 50px;
            padding-top: 10px;
            margin-left: 300px;
            color:lightcoral;
            /*border: 1px solid black;*/
        }
        .nav ul li{
            list-style: none;
            float: left;
            /*border: 1px solid red;*/
            font-size: 20px;
            text-align: center;
            margin-left: 10px;
            margin-top:40px;

        }
        .context{
            clear: both;
        }
        .context ul{
            position: relative;
            top:50px;
            left: 100px;
        }

        .context ul li{
            margin: 30px;
            clear: both;
            list-style: none;
            font-size: 20px;
        }
        input{
            margin-bottom: 40px;
            width: 300px;
            height: 30px;
        }

        .context ul li div{
            float: left;

        }
        .in{

            width: 200px;
            text-align: right;
        }
        .user{
            position: absolute;
            top:30px;
            left: 970px;
            color: red;
        }
        .submit{
            padding-left: 100px;
        }
        input[type = 'submit']{
            width: 100px;
            margin-left: 170px;
        }
        .msg{
            position: absolute;
            top:250px;
            left: 800px;
            color: red;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="user">
        您好：${sessionScope.user !=null?sessionScope.user.name:"请您登录"}
    </div>
    <div class="header">
        <div class="logo">
            <img src="${pageContext.request.contextPath}/img/logo.jpg" alt="" width="200">
        </div>
        <div class="gg">吃货联盟,让我们吃到爆</div>
    </div>
    <div class="nav">
        <ul>
            <li><a href="${pageContext.request.contextPath}/home">首页</a></li>
            <li><a href="${pageContext.request.contextPath}/user/login">用户登录</a></li>
            <li><a href="#">用户注册</a></li>
            <li><a href="${pageContext.request.contextPath}/menu/menu_info">我要点餐</a></li>
            <li><a href="${pageContext.request.contextPath}/order/order_view?user_id = ${sessionScope.user.id}">查看订单</a></li>
        </ul>
    </div>
    <div class="context">
        <form action="${pageContext.request.contextPath}/user/do_login" method="post">
            <ul>
                <li><div class="in">用户名：</div><div><input type="text" name="username" placeholder="请输入用户名"></div></li>
                <li><div class="in">密码：</div><div><input type="text" name="password" placeholder="请输入密码"></div></li>
                <li class="submit"><input type="submit" value="登录"></li>
            </ul>
        </form>

        <div class="msg">${msg !=null?msg:""}</div>

        <img src="${pageContext.request.contextPath}/img/meishi1.jpg" width="1000px">



    </div>

</div>


</body>
</html>
